{extend name="admin@index_layout"/}
{block name="main"}

<div class="layui-fluid layui-col-xs12">

    <div class="layui-card">

        <div class="layui-card-body layui-form">
            <div style="margin: 20px;font-size: 16px;font-weight: bold">
                订单编号：{$business_order.order_no}<br/>
                服务站名称：{$business_info.business_name}<br/>
                联系电话：{$business_info.phone}<br/>
                配送地址：{$business_info.province}{$business_info.city}{$business_info.area}{$business_info.address}<br/>
            </div>

            <div id="print">

                <table class="layui-table">
                    <thead>

                    <tr>
                        <th width="100">序列</th>
                        <th width="100">商品</th>
                        <th width="100">图片</th>
                        <th width="100">单价</th>
                        <th width="100">数量</th>
                        <th width="100">合计金额</th>
                        <th width="100">已发总数量</th>
                        <th width="100">待发数量</th>
                    </tr>

                    </thead>

                    <tbody>

                    {volist name="goods_list" id="vo" }

                    <tr>
                        <td>{$key+1}</td>
                        <td>{$vo.goods_name}</td>
                        <td><img src="{$vo.img}"></td>
                        <td>¥{$vo.goods_price}</td>
                        <td>{$vo.goods_num}</td>
                        <td>¥{$vo.subtotal}</td>
                        <td>{$vo.fa_num}</td>
                        <td>{$vo.dai_num}</td>
                    </tr>

                    {/volist}

                    </tbody>

                </table>
                <div class="count" style="font-weight: bold;color: red;font-size: 18px;float: right;margin: 20px">
                    合计：￥{$count}元
                </div>

            </div>

            <div class="layui-card-body"></div>

            <div class="layui-row layui-col-space10 layui-form-item ">

                <div class="layui-form-item layui-col-xs-offset1 layui-col-xs8">

                    <div class="layui-input-block">

                        <button  class="layui-btn layui-bg-cyan" onclick="wk.layer_close()">关闭</button>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<!--<button class="layui-btn" id="printBtn">打印</button>-->

<!--<div id="printContent">-->
<!--    &lt;!&ndash; 这里是你要打印的内容 &ndash;&gt;-->
<!--    <h1>详情页标题</h1>-->
<!--    <p>这里是详情内容...</p>-->
<!--    &lt;!&ndash; 其他内容 &ndash;&gt;-->
<!--</div>-->
{/block}
{block name="script"}
<script>
    // layui.use('layer', function(){
    //     var layer = layui.layer;
    //
    //     document.getElementById('printBtn').onclick = function(){
    //         var printData = document.getElementById('printContent').innerHTML; // 获取打印内容
    //
    //         layer.open({
    //             type: 1,
    //             area: ['300px', '200px'],
    //             shadeClose: true,
    //             content: '<div style="text-align:center">' + printData + '</div>'
    //         });
    //     };
    // });
    //
    // document.getElementById('printBtn').onclick = function(){
    //     window.print();
    // };
</script>

{/block}